$(function () {
    $("#loginBox a").on('click',function () {
        $("#loginBox").hide()
        $("#regBox").show()
    })
    $("#regBox a").on("click",function () {
        $("#loginBox").show()
        $("#regBox").hide()
    })
    // 需求2 定义校验规则
    let form =layui.form
    form.verify({
        //属性是校验名称，值是校验规则
        //值有两个属性，函数和数组
        username:[
            /^[a-zA-Z0-9]{1,10}$/
            ,'用户名必须1到10位数字和字母'
        ],
        pwd:[
            /^[a-zA-Z0-9]{6,12}$/
            ,'密码必须6到12位数字和字母'
        ],
        rePwd:function (value) {
            let pwd = $('#regBox input[name=password]').val()
            if(pwd != value){
                return '两次密码输入不一致'
            }
        }

        
    })
    //需求3
    let layer = layui.layer
    $('#formReg').on('submit',function (e) {
        e.preventDefault();
        // 发送axios
        axios({
            method:'POST',
            url:'/api/reguser',
            data:$(this).serialize(),
        }).then(function (res) {
            //console.log(res.data);
            if(res.data.status !== 0){
                 return layer.msg(res.data.message, {icon: 5})
              //return  layer.msg();  
            }
            layer.msg(res.data.message, {icon: 6});
            //layer.msg();
            $("#regBox a").click()
            $('#formReg')[0].reset()
        })
    })
    $('#formLogin').on('submit',function (e) {
        e.preventDefault();
        axios({
            method:'POST',
            url:'/api/login',
            data:$(this).serialize(),
        }).then(function (res) {
            if(res.data.status !== 0){
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜您，登陆成功');
            localStorage.setItem('token',res.data.token)
            location.href = '/index.html'
        })
    })


    
})